<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <!-- import CSS -->
    <link rel="stylesheet" href="https://cdn.staticfile.org/element-ui/2.15.9/theme-chalk/index.css">
    <style>
        .div_head{
            padding: 0;
            position:fixed;
            width: 100%;
            height: 4rem;
            right: 0;
            top:0;
            background-color:white;
            z-index: 55;
        }
        #head_span{
            display: block;
            margin: 9px 70px 0 0 ;
        }
        #head_span>a{
            text-decoration: none;
            color: #909399;
            margin-left: 20px;
        }
        #head_span a:hover{
            color: rgb(145, 160, 208);
        }

    </style>
</head>
<body>
<div id="app">
    <div class="div_head">
        <el-menu mode="horizontal" background-color="white"
                 text-color="color: rgb(29, 56, 136)" active-text-color="color: rgb(29, 56, 136)" style="width:1200px;margin: 0 auto">
            <el-menu-item><img  height="50px" src="imgs/logo.png" alt=""></el-menu-item>
            <el-menu-item index="1">首页</el-menu-item>
            <el-menu-item index="2">蛋糕</el-menu-item>
            <el-menu-item index="3">下午茶</el-menu-item>
            <el-menu-item index="4">精选食材</el-menu-item>
            <el-menu-item index="5">最新活动</el-menu-item>
            <el-menu-item index="6">企业专区</el-menu-item>
            <el-menu-item index="6">会员中心</el-menu-item>
            <div style="float: right;position: relative; top: 10px">
                <span id="head_span">
                <a href="">登录 </a> <a href=""> 注册</a>
                    <a href=""><i class="el-icon-s-goods" style="margin-left: 10px"></i></a>
                </span>
            </div>
        </el-menu>
    </div>
</div>
</body>

<!-- import Vue before Element -->
<script src="https://cdn.staticfile.org/vue/2.6.14/vue.min.js"></script>
<!-- import JavaScript -->
<script src="https://cdn.staticfile.org/element-ui/2.15.9/index.min.js"></script>
<script>
    let v = new Vue({
        el: '#app',
        data: function () {
            return {
                activeIndex: '1'
            }
        },
        methods:{
                handleSelect(key,keyPath){
                    console.log(key,keyPath);
                }
        }
    })
</script>
</html>